/* 渐进 */
@keyframes gradientEnter {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* 渐出 */
@keyframes gradientLeave {
    0% {
        /* 修改透明度 */
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/* 顶部进入 */
@keyframes topEnter {
    0% {
        transform: translateY(-100%);
    }

    100% {
        transform: translateY(0%);
    }
}

/* 底部进入 */
@keyframes bottomEnter {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0%);
    }
}
@keyframes addTaskEnter {
     0% {
        transform: translateY(100vh);
        opacity: 0.5;
    }

    100% {
        transform: translateY(0%);
        opacity: 1;
    }
}